.list-con {
  // width: 50%;
  border: 1px solid #e4eaf0;
  margin: 2px 0;

  .li {
    display: flex;

    &:not(:last-child) {
      border-bottom: 1px solid #e4eaf0;
    }

    .li-key {
      width: 210px;
      border-right: 1px solid #e4eaf0;
      background-color: #f1f8ff;
      padding: 12px 10px;
      font-size: 14px;
      color: #333;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'syht-Regular';
      // line-height: 100%;
    }

    .bl {
      border-left: 1px solid #e4eaf0;
    }

    .li-val {
      flex: 1;
      padding: 12px 10px;
      font-size: 14px;
      font-family: 'syht-Regular';
      color: #666666;
      background-color: #fff;
      word-break: break-all;
      .url {
        color: #3b93f7;
      }
      .p-list {
        line-height: 32px;
      }
    }
  }
}
